<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/myinfo.css">
    <link rel="stylesheet" href="./css/mixins.css">
    <script src="./js/commen.js"></script>
</head>
<body>
    <div id="myinfo">
        <div class="myinfo-container">
            <!-- 头部 -->
            <header>
                <div class="header-self">
                    <div class="return-img"></div>
                    <p>个人</p>
                    <div class="header-login">
                        <a href="login.html">登录/注册</a>
                    </div>
                </div>
                <div class="self-photo">
                   <a href="#"></a>
                </div>
              

                <div class="header-hello">
                    <div class="hello">
                        <h2>您好 游客</h2>
                        <p>世界很大，抬脚出去荡~</p>
                    </div>
                    <div class="red-packet">
                        <div class="red-packet-left">
                            <span>50</span>
                            <p>红包优惠券</p>
                        </div>
                        <div class="red-packet-right">
                            <span>1000分</span>
                            <p>积分</p>
                        </div>
                    </div>
                </div>
            </header>

            <section>
                <div class="section-order">
                    <ul>
                        <li>
                            <a href="order.html"></a>
                            <p>全部订单</p>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                            <p>待付款</p>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                            <p>未出行</p>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                            <p>待点评</p>
                        </li>
                    </ul>
                </div>
                <div class="section-mine">
                    <ul>
                        <li>
                            <span class="icon"></span>
                            <a href="javascript:;">我的相册</a>
                            <span class="icon-go"></span>
                        </li>
                        <li>
                            <span class="icon"></span>
                            <a href="javascript:;">我的行程</a>
                            <span class="icon-go"></span>
                        </li>
                        <li>
                            <span class="icon"></span>
                            <a href="javascript:;">我的游记</a>
                            <span class="icon-go"></span>
                        </li>
                        <li>
                            <span class="icon"></span>
                            <a href="javascript:;">我的财富</a>
                            <span class="icon-go"></span>
                        </li>
                    </ul>
                </div>
            </section>

            <footer class="tabbar">
                <a href="index.html">
                    <div><img src="./images/icon/footer_0322_05.png" alt=""></div>
                    <p>首页</p>
                </a>
                <a href="javascript:void(0)">
                    <div><img src="./images/icon/footer_0322_06.png" alt=""></div>
                    <p>目的地</p>
                </a>
                <a href="history.html">
                    <div><img src="./images/icon/footer_0322_07.png" alt=""></div>
                    <p>浏览历史</p>
                </a>
                <a href="myinfo.html">
                    <div><img src="./images/icon/footer_0322_04.png" alt=""></div>
                    <p>个人</p>
                </a>
            </footer>
        </div>
    </div>
</body>
</html>